<template>
	<div>
    <!-- 基本信息 -->
    <el-tabs type="card" v-model="activeName">
      <el-tab-pane name="1" label="基本信息">
        <baseInfo :activeName="activeName"></baseInfo>
      </el-tab-pane>
      <el-tab-pane name="2" label="变更历史">
        <changeHistory :activeName="activeName"></changeHistory>
      </el-tab-pane>
      <el-tab-pane name="3" label="企业图谱">
        <enterpriseGraph :activeName="activeName"></enterpriseGraph>
      </el-tab-pane>
      <el-tab-pane name="4" label="经营信息">
        <businessInformation :activeName="activeName"></businessInformation>
      </el-tab-pane>
      <el-tab-pane name="5" label="风险信息">
        <riskInformation :activeName="activeName"></riskInformation>
      </el-tab-pane>
      <el-tab-pane name="6" label="诉讼信息">
        <litigationInformation :activeName="activeName"></litigationInformation>
      </el-tab-pane>
    </el-tabs>
	</div>
</template>

<script setup name="baseInfo">
  import baseInfo from "./components/baseInfo.vue"

  const changeHistory = defineAsyncComponent(()=>import('./components/changeHistory.vue'))
  const enterpriseGraph = defineAsyncComponent(()=>import('./components/enterpriseGraph.vue'))
  const businessInformation = defineAsyncComponent(()=>import('./components/businessInformation.vue'))
  const riskInformation = defineAsyncComponent(()=>import('./components/riskInformation.vue'))
  const litigationInformation = defineAsyncComponent(()=>import('./components/litigationInformation.vue'))

  const activeName = ref('1')

</script>

<style lang="scss" scoped>
</style>